<mat-card>
    <mat-card-content>
                        
        <div style="display: flex; flex-wrap: wrap; width: 100%">
            <mat-form-field style="margin-right: 5px">
                <input matInput [(ngModel)]="workdir" placeholder="Local workdir" />
            </mat-form-field>
            <mat-form-field style="width: 300px; margin-right: 5px">
                <input matInput [(ngModel)]="gitrepositoryurl" placeholder="Git repository URL"  />
            </mat-form-field>
            <ng-container *ngIf="!anonymous">
                <mat-form-field>
                    <input matInput [(ngModel)]="credentialsService.username" type="text" placeholder="Username" />                
                </mat-form-field>
                <mat-form-field>
                    <input matInput [(ngModel)]="credentialsService.password" type="password" placeholder="Password" />
                </mat-form-field>
            </ng-container>
            <mat-checkbox [(ngModel)]="anonymous" (change)="toggleAnonymous($event)">ANONYMOUS (clone/pull only)</mat-checkbox>
            <span>&nbsp;</span>
            <mat-form-field style="width: 300px; margin-right: 5px">
                <input matInput [(ngModel)]="credentialsService.proxyhost" placeholder="Proxy host"  />
            </mat-form-field>
            <mat-form-field>
                <input matInput [(ngModel)]="credentialsService.gitname" type="text" placeholder="Git commit name" />                
            </mat-form-field>
            <mat-form-field>
                <input matInput [(ngModel)]="credentialsService.gitemail" type="text" placeholder="Git commit email" />
            </mat-form-field>
        </div>        
    </mat-card-content>
    <mat-card-actions>
        <button mat-raised-button (click)="open()">Clone or open</button>
    </mat-card-actions>
</mat-card>
